import React, {Component} from 'react';
import {Button, View, Text, StyleSheet} from 'react-native';

class PageTabOne extends Component {
  static navigationOptions = {
    title: 'Tab第一个页面',
  };

  render() {
    return (
      <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <Text style={{fontSize: 20, color: 'red'}}>Tab第一个页面</Text>
        <Text style={styles.container}>{'\ue729'}</Text>
        <Button
          title="Go to 子页面"
          onPress={() => this.props.navigation.push('Home')}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    fontFamily: 'iconfont',
    fontSize: 50,
    color: 'blue',
  },
});

export default PageTabOne;
